<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/detialsPage.css">
</head>

<body>
    <div class="navWrap">
        <div class="nav ls">
            <div class="navList">
                <a href="">登录/注册</a>
                <a href="">我的订单</a>
                <a href="">会员</a>
                <a href="">甄选家</a>
                <a href="">企业采购</a>
                <a href="">客户服务</a>
                <a href="" class="border-none">APP</a>
            </div>
        </div>
    </div>
    <div class="navt ls">
        <div class="navTop">
            <a href="" class="mylogo">网易严选</a>
            <div class="searchbox">
                <input type="text" id="txt1">
                <div class="searchbtn">搜索</div>
            </div>
            <a href="" class="cart">购物车</a>
        </div>
        <div class="navBottom">
            <ul class="navBottom-list">
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li>
                    <a href="">居家生活</a>
                    <div class="navchilds">
                        <div class="childtypes">
                            <h2>好物精选</h2>
                            <ul class="childitems">
                                <li>
                                    <a href="">
                                        <img src="https://yanxuan.nosdn.127.net/0dd4db7175684809f98db4a172568c22.jpg"
                                            alt="">
                                        <span>秋季换新</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="details-Wrap">
        <div class="details-Product ls">
            <div class="product-title">
                <span>首页></span>
                <span><a href="">居家生活></a></span>
                <span><a href="">品质锅具></a></span>
                <span>高颜值红锅 经典铸铁祛琅锅24cm</span>
            </div>

            <div class="product-img">
                <div class="smallImg pul">
                    <img src="" alt="">
                    <span></span>
                </div>

                <div class="bigImg pul">
                    <img src="" alt="">
                </div>
                <div class="descrip">
                    <p class="proact">
                        <span class="title"></span>
                        <span class="goodRatio"></span>
                    </p>
                    <p>
                        <span class="subTitle"></span>
                        <span>好评率></span>
                    </p>
                    <div class="propri">
                        <div class="pro-top">
                            <span>限时购</span>
                            <span class="realPrice"></span>
                            <span>正在抢购中</span>
                        </div>
                        <div class="pro-bottom">
                            <div class="pro-price prosty">
                                <div class="pro-left jl">
                                    <p>价格</p>
                                </div>

                                <div class="pro-right">
                                    <p class="pro-right-price"></p>
                                    <p>pro会员叠加优惠，到手价182.16 立即开通></p>
                                </div>
                            </div>

                            <div class="pro-sale prosty">
                                <div class="pro-left jl">
                                    <p>促销</p>
                                </div>

                                <div class="pro-right">
                                    <p>
                                        <span>专场限时购</span>
                                        <span>年货好礼5折起</span>
                                    </p>
                                    <p>
                                        <span>全场换购</span>
                                        <span>低至7.8元起超值换购</span>
                                    </p>

                                </div>
                            </div>

                            <div class="shooping prosty">
                                <span class="jl">购物返</span>
                                <span>最高返26积分</span>
                            </div>

                            <div class="youfei prosty">
                                <span  class="jl">邮费</span>
                                <span>满99元免邮</span>
                            </div>

                            <div class="ps prosty">
                                <span  class="jl">配送</span>
                                <p>至
                                    <form action="">
                                        <select name="dizhi" id="">
                                            <option value="">请选择地址</option>
                                            <option value="hn">河南</option>
                                        </select>
                                    </form>
                                </p>
                            </div>

                            <div class="server prosty">
                                <span  class="jl">服务</span>
                                <span  class="jl">网易自营品牌</span>
                                <span  class="jl">30天无忧退换</span>
                                <span  class="jl">国内部分地区不可配送</span>
                            </div>
                            <div class="bz">
                                <span  class="jl">备注</span>
                                <span>祛琅锅保养说明</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="gm ls">
        <button id="shopping">立即购买</button> 
        <button id="addcart">加入购物车</button> 
    </div>
    <div class="footer-wrap">
        <div class="footer ls">
            <div class="footer-top">
                <span>网易自营电商</span>
                <span>30天无忧退换货</span>
                <span>满99元邮费</span>
                <span>品质保证</span>
            </div>
            
        </div>
        <div class="footer-bottom">
            <p>
                <a href="">关于我们</a>|
                <a href="">关于我们</a>|
                <a href="">关于我们</a>|
                <a href="">关于我们</a>|
                <a href="">关于我们</a>|
                <a href="">关于我们</a>|
                <a href="">关于我们</a>|
                <a href="">关于我们</a>|
                <a href="">关于我们</a>|
                <a href="">关于我们</a>
            </p>
            <p>
                <a href="">食品经营许可证：JY13301080111719</a>
                <a href="">出版物经营许可证：新出发滨字第0132号</a>
                <a href="">妙得ICP证号：ICP 证浙B2-20160106</a>
                <a href="">浙杭食药监械经营备20171029号</a>
                <a href="">营业执照</a>
                <a href="">网易公司版权所有 © 1997-</a>
                <a href="">2021</a>
            </p>
            <p>
                <a href="">无线电发射设备销售备案：42202011096855</a>
                <a href="">（浙杭）网械企备字[2019]第00119号</a>
                <a href="">（粤）网械平台备字（2019）第00004号</a>
                <a href="">（粤）-非经营性-2016-0023</a>
                <a href="">进口冷链食品管理承诺书</a>
            </p>
            <p>
                <a href="">食品经营许可证：JY14207050007694</a>
                <a href="">浙江省网络食品销售第三方平台提供者备案：浙网食A33010009</a>
                <a href="">单用途商业预付卡备案证：330100AAC0024</a>
            </p>
        </div>
    </div>
    <script src="libs/require.js" data-main="js/detail.main"></script>
    <script src="./js/cookie.js"></script>
    <script src="./js/ajax.2.0.js"></script>

</body>

</html>